.chart{
    width: 100%;
    margin: 0 auto;
    height: 120%;
}
.font-size{
    font-size: 0.8rem;
}

/*@media screen and (min-height: 1080px) {*/
/*    .chart{*/
/*        height: 15rem;*/
/*    }*/
/*}*/

/*!*  *!*/
/*@media screen and (min-height: 1050px) {*/
/*    .chart{*/
/*        height: 17rem;*/
/*    }*/
/*}*/

/*!*  *!*/
/*@media screen and (min-height: 960px) {*/
/*    .chart{*/
/*        height: 19rem;*/
/*    }*/
/*}*/

/*!*  *!*/
/*@media screen and (min-height: 900px) {*/
/*    .chart{*/
/*        height: 18.5rem;*/
/*    }*/
/*}*/

/*!*  *!*/
/*@media screen and (min-height: 864px) {*/
/*    .chart{*/
/*        height: 17.5rem;*/
/*    }*/
/*}*/

/*!*  *!*/
/*@media screen and (min-height: 800px) {*/
/*    .chart{*/
/*        height: 19rem;*/
/*    }*/
/*}*/

/*@media screen and (min-height: 768px) {*/
/*    .chart{*/
/*        height: 19rem;*/
/*    }*/
/*}*/

/*@media screen and (min-height: 720px) {*/
/*    .chart{*/
/*        height: 17rem;*/
/*    }*/
/*}*/

/*@media screen and (min-height: 600px) {*/
/*    .chart{*/
/*        height: 14rem;*/
/*    }*/
/*}*/
